/**
 * 自定义模块，用于加载页面头部与尾部
 */
define(['jquery'], ($) => {
  // 约定在页面中使用类名为 .site-header 的容器放置
  // 所加载的头部静态资源，使用 .site-footer 的容器放置尾部
  $('.site-header').load('/html/include/header.html', () => {
    $('.include-header').hover(e => {
      $(e.target).html('鼠标移入')
    }, e => {
      $(e.target).html('我是漂亮的头部')
    })
  })
  $('.site-footer').load('/html/include/footer.html')
})
